<?php 
/**
 * Template Name: About page
 *
 */
?>
<?php get_header(); ?>
    
    
    <section id="main">
        
        <article>
           <section class="about">
               <section>
                   <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                   <h1><?php the_title(); ?></h1>
                    <p>
                       <?php the_content(); ?>
                    </p>
                    <?php endwhile; endif; ?>
               </section>
               <h1 class="logo">
                    <a href="#">W<span>D</span></a>
               </h1>
            </section>  
            <img src="<?php bloginfo( 'template_directory' ); ?>/img/skill.png" alt="images" />
            <section class="skill">
                <h1>My skills</h1>
                
                <section>
                   <ul>
                        <li>
                            <ul>
                                <li class="title">Photoshop:</li>
                                <li class="selected"></li>
                                <li class="selected"></li>
                                <li class="selected"></li>
                                <li class="selected"></li>
                                <li></li>
                            </ul>
                        </li>
                         <li>
                            <ul>
                                <li class="title">Html - Css:</li>
                                <li class="selected"></li>
                                <li class="selected"></li>
                                <li class="selected"></li>
                                <li class="selected"></li>
                                <li></li>
                            </ul>
                        </li>
                         <li>
                            <ul>
                                <li class="title">JQuery:</li>
                                <li class="selected"></li>
                                <li class="selected"></li>
                                <li class="selected"></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </li>
                   </ul>
                </section>
                
                
            </section>
           
      
        </article>
        
    </section><!--end main-->
    
<?php get_footer(); ?>